<template>
  <div class="dialog-bg" v-if="AdditionalInformationFlag">
    <div class="tabel-setting-view">
      <div class="title">
        <p>检察员</p>
        <i class="el-icon-close" @click="CloseDialogAddtion"></i>
      </div>
    </div>
  </div>
</template>

<script>
// 导出模块
export default {
  props: {
    AdditionalInformationFlag: Boolean,
  },
  // 模块名字
  name: "AdditionalInformationCps",
  // 模块数据
  data() {
    //数据
    return {};
  },
  // 注册组件
  components: {},
  // 监听指定值，只有指定值变化，才会触发
  watch: {},
  // 里面的函数只有调用才会执行（实时计算）里面是定义的方法
  methods: {
    CloseDialogAddtion() {
      this.$emit("CloseDialogAddtion");
    },
  },
  // 创建前状态(里面是操作)
  beforeCreate() {},
  // 创建完毕状态(里面是操作)
  created() {},
  // 挂载前状态(里面是操作)
  beforeMount() {},
  // 挂载结束状态(里面是操作)
  mounted() {},
  // 更新前状态(里面是操作)
  beforeUpdate() {},
  // 更新完成状态(里面是操作)
  updated() {},
  // 销毁前状态(里面是操作)
  beforeDestroy() {},
  // 销毁完成状态(里面是操作)
  destroyed() {},
};
</script>
<style  lang="scss" scoped>
.dialog-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 666;
}
.tabel-setting-view {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000px;
  height: 200px;
  transform: translate(-50%, -90%);
  background: #ffffff;
  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.05),
    0px 9px 28px 0px rgba(0, 0, 0, 0.08), 0px 6px 16px -8px rgba(0, 0, 0, 0.15);
  .title {
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    justify-content: space-between;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    .el-icon-close {
      cursor: pointer;
    }
  }
}
</style>
